<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>可意奇全麦饼干300g-零食-享购网-品质生活 精选购物</title>
    <link href="/images/favicon.ico" type="image/x-icon" rel=icon>
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/detail.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header"></div>
    <!-- body -->
    <div class="body">
        <div class="detail_word">
            <a href="/index.html">首页</a>&nbsp;<span>></span>&nbsp;<a href="/html/list.html">健康食品</a>&nbsp;<span>></span>&nbsp;<a href="#">零食</a>
        </div>
        <div class="photo_area">
            <div class="bigphoto">
                <span class="mask"></span>
                <span class="float_layer"></span>
                <img src="/images/goods_details/prods_photo/b1.jpg" class="big_img big_img1"/>
                <img src="/images/goods_details/prods_photo/b2.jpg" class="big_img big_img2"/>
                <img src="/images/goods_details/prods_photo/b3.jpg" class="big_img big_img3"/>
                <img src="/images/goods_details/prods_photo/b4.jpg" class="big_img big_img4"/>
                <img src="/images/goods_details/prods_photo/b5.jpg" class="big_img big_img5"/>
            </div>
            <div class="smallphoto">
                <div class="simg_left"></div>
                <div class="simg_list">
                    <ul class="list_box">
                        <li class="one one1"><img src="/images/goods_details/prods_photo/s1.jpg"/></li>
                        <li class="one one2"><img src="/images/goods_details/prods_photo/s2.jpg"/></li>
                        <li class="one one3"><img src="/images/goods_details/prods_photo/s3.jpg"/></li>
                        <li class="one one4"><img src="/images/goods_details/prods_photo/s4.jpg"/></li>
                        <li class="one one5"><img src="/images/goods_details/prods_photo/s5.jpg"/></li>
                    </ul></div>
                <div class="simg_right"></div>
            </div>
            <div class="maxphoto" style="display: none;">
                <img src="/images/goods_details/prods_photo/max1.jpg" class="max_img max_img1"/>
                <img src="/images/goods_details/prods_photo/max2.jpg" class="max_img max_img2"/>
                <img src="/images/goods_details/prods_photo/max3.jpg" class="max_img max_img3"/>
                <img src="/images/goods_details/prods_photo/max4.jpg" class="max_img max_img4"/>
                <img src="/images/goods_details/prods_photo/max5.jpg" class="max_img max_img5"/>
            </div>
        </div>
        <div class="col_main">
            <div class="prod_info">
                <div class="id" style="display: none">1</div>
                <h1 class="prod_title">可意奇全麦饼干300g</h1>
                <p class="prod_price"><span>￥</span><span id="single_price">29.60</span></p>
                <div class="other_info">企业员工用户登录后可享受优惠价格</div>
            </div>
            <div class="count">
                <div class="prod_count">数量：</div>
                <div class="num_change">
                    <span class="reduce"></span>
                    <span class="prod_num">
                        <input type="text" value="1" class="_number">
                    </span>
                    <span class="increase"></span>
                </div>
            </div>
            <div class="addtocart">加入购物车</div>
            <!-- 购物弹出框 -->
            <div id="product_cart" style="display: none;">
                <div class="product_cart_mini">
                    <h2>商品已成功加入购物车！</h2>
                    <i style=" float:right; position: relative; padding-right: 19px; margin-top: -46px;cursor: pointer;"><a><img style="" src="/images/closed.gif" onclick="$('#product_cart').hide();"></a></i>
                </div>
                <div class="ok_text">
                    <div class="ok_textStr"><strong>共计<span id="productCountsAndTotoalIdx">0</span>件</strong><strong>合计金额：￥<strong id="saler">0</strong></strong> </div>
                    <p style="text-align:left;">
                        <input type="button" class="r_botton" onclick="javascript:window.location='/html/cart.html'" value="去结账">
                        <a onclick="$('#product_cart').hide();" style="cursor:pointer">继续购物</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="product_details">
            <div class="detailmain">
                <div class="main_head">
                    <ul>
                        <li><a href="javascript:void(0);">商品介绍</a></li>
                        <li><a href="javascript:void(0);">商品评价（0条）</a></li>
                        <li><a href="javascript:void(0);">商品咨询（0条）</a></li>
                    </ul>
                </div>
                <div class="main_body">
                    <img src="/images/goods_details/details_img/m2.png" />
                    <img src="/images/goods_details/details_img/m3.png" />
                    <img src="/images/goods_details/details_img/m4.png" />
                    <img src="/images/goods_details/details_img/m5.png" />
                    <img src="/images/goods_details/details_img/m6.png" />
                    <img src="/images/goods_details/details_img/m1.png" />
                </div>
            </div>
            <div class="rencent_view">
                <div class="view_head">最近浏览</div>
            </div>
        </div>
    </div>
    <!-- aside -->
    <div class="miniCart">
            <div class="miniCartGoods">
                <a href="/html/cart.html" class="miniCartGoods" target="_blank">
                    <img src="/images/index/miniCartGoods.png" alt=""/></a>
            </div>
            <div class="giftCartBangding">
                <a href="#" class="miniCartGifts" target="_blank">
                    <img src="/images/index/giftCardsBangding.png" alt=""/></a>
            </div>
            <div class="miniCart-top">
                <a href="#" class="backToTop">
                    <img src="/images/index/backToTop.png" alt=""/></a>
            </div>
        </div>
    <!-- 尾部 -->
    <div class="ifooter"></div>
    <script src="/js/jquery.min.js"></script>
    <script src="/lib/requirejs/require.js" data-main="/js/detail.js"></script>
</body>
</html>